<nav class="navbar navbar-inverse" role="navigation" ng-controller="navbarController as vm">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand">{{vm.merchant.storeName}}</a>
        </div>
        <div>
            <ul class="nav navbar-nav">
                <li ui-sref="info">
                    <a>
                        Info
                    </a>
                </li>
                <li ng-show="vm.merchant.block==1" ui-sref="contact">
                    <a>
                        Contact
                    </a>
                </li>
                <li ng-show="vm.merchant.state==1 && vm.merchant.block==0" ui-sref="food">
                    <a>
                        Food Manage
                    </a>
                </li>
                <li ng-show="vm.merchant.state==1 && vm.merchant.block==0" ui-sref="order">
                    <a>
                        Order Manage
                    </a>
                </li>
            </ul>


            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown"><a class="dropdown-toggle"
                                        data-toggle="dropdown">{{vm.merchant.name}},&nbsp; welcome!<b
                        class="caret"></b>
                </a>
                    <ul class="dropdown-menu">
                        <li><a ng-click="vm.logout()">Logout</a></li>
                    </ul>
                </li>
            </ul>

        </div>
    </div>
</nav>
<div ng-controller="navbarController as vm" id="notify" style="display: none;">
    <div class="alert alert-success" role="alert"
         style="width: 16%; margin: 0 auto; text-align: center">
        <!--  <div class="alert alert-success" role="alert" style="display: none">-->
        <a id="notify-area" href="#"></a>
    </div>
</div>

<!--<nav class="navbar navbar-inverse" role="navigation" ng-controller="navbarController as vm">-->
<!--<div class="container-fluid">-->
<!--<div class="navbar-header">-->
<!--<a class="navbar-brand">{{vm.merchant.storeName}}</a>-->
<!--</div>-->
<!--<div>-->
<!--<ul class="nav navbar-nav">-->
<!--<li ng-repeat="menu in vm.menus track by $index" ui-sref="{{menu.state}}">-->
<!--<a>-->
<!--{{menu.displayName}}-->
<!--</a>-->
<!--</li>-->
<!--</ul>-->


<!--<ul class="nav navbar-nav navbar-right">-->
<!--<li class="dropdown"><a class="dropdown-toggle"-->
<!--data-toggle="dropdown">{{vm.merchant.name}},&nbsp; welcome!<b-->
<!--class="caret"></b>-->
<!--</a>-->
<!--<ul class="dropdown-menu">-->
<!--<li><a ng-click="vm.logout()">Logout</a></li>-->
<!--</ul></li>-->
<!--</ul>-->

<!--</div>-->
<!--</div>-->
<!--</nav>-->